<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>管理员</title>
	<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
	<div class="layui-card-body">
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<div class="layui-form-item layui-inline">
					<label class="layui-form-label">姓名</label>
					<div class="layui-input-inline">
						<input type="text" name="pname" placeholder="" class="layui-input">
					</div>
				</div>

				<div class="layui-form-item layui-inline">
					<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
						<i class="layui-icon layui-icon-search"></i>
						查询
					</button>
					<button type="reset" class="pear-btn pear-btn-md">
						<i class="layui-icon layui-icon-refresh"></i>
						重置
					</button>
				</div>
			</div>
		</form>
	</div>
</div>
<div class="layui-card">
	<div class="layui-card-body">
		<table id="user-table" lay-filter="user-table"></table>
	</div>
</div>

<script type="text/html" id="user-toolbar">
	<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
		<i class="layui-icon layui-icon-add-1"></i>
		新增
	</button>
	<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
		<i class="layui-icon layui-icon-delete"></i>
		删除
	</button>
</script>

<script type="text/html" id="user-bar">
	<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
	<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
</script>

<script type="text/html" id="user-enable">
	<input type="checkbox" name="isvalid" value="{{d.id}}" lay-skin="switch" lay-text="启用|不启用"
		   lay-filter="isvalid" {{ d.isvalid==1?"checked":"" }} />
</script>

<script type="text/html" id="user-sex">
	{{#if (d.sex == 1) { }}
	<span>男</span>
	{{# }else if(d.sex == 2){ }}
	<span>女</span>
	{{# } }}
</script>

<script type="text/html" id="user-login">
	{{#if (d.id >5) { }}
	<span>在线</span>
	{{# }else if(d.id<5>){ }}
	<span>离线</span>
	{{# } }}
</script>

<script type="text/html" id="user-createTime">
	{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
</script>

<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script>
	layui.use(['table', 'form', 'jquery','common'], function() {
		let table = layui.table;
		let form = layui.form;
		let $ = layui.jquery;
		let common = layui.common;
		let MODULE_PATH = "operate/";
		$.ajaxSetup({
			headers:{
				'Authorization':window.sessionStorage.getItem("token")
			}
		})
		let cols = [
			[{
				type: 'checkbox'
			},
				{
					title: '编号',
					field: 'id',
					align: 'center',
					width: 100
				},
				{
					title: '姓名',
					field: 'pname',
					align: 'center',
					width: 100
				},
				{
					title: '区域',
					field: 'pos',
					align: 'center'
				},
				{
					title: '擅长领域',
					field: 'domain',
					align: 'center'
				},
				{
					title: '介绍',
					field: 'intro',
					align: 'center'
				},
				{
					title: '发布人',
					field: 'poster',
					align: 'center'
				},
				{
					title: '发布时间',
					field: 'posttime',
					align: 'center'
				},
				{
					title: '是否启用',
					field: 'isvalid',
					align: 'center',
					templet: "#user-enable"
				},
				{
					title: '专家类型',
					field: 'ptype',
					align: 'center'
				},
				{
					title: '专家图片',
					field: 'coverimg',
					align: 'center',
				/*	templet: function (d) {
						if (d.coverimg != "")
							return `<img src='${window.BASEPATH + d.coverimg}'/>`;
						return `<img src='${window.BASEPATH + d.coverimg}' alt='没有图片'/>`;
					}*/
					templet: function(d) {
						if (d.coverimg == null) {
							return `<img src='${window.BASEPATH}/no_image.jpg' alt='没有图片'/>`;
						} else if (d.coverimg.indexOf("http") == 0) {
							return `<img src='${d.coverimg}'/>`;
						} else {
							return `<img src='${window.BASEPATH}/${d.coverimg}'/>`;
						}
					}
				},
				{
					title: '操作',
					toolbar: '#user-bar',
					align: 'center',
					width: 195
				}
			]
		]
		table.render({
			elem: '#user-table',
			url: window.BASEPATH+'professor/search',
			page: true,
			cols: cols,
			skin: 'line',
			toolbar: '#user-toolbar',
			parseData:function (res){
				console.log(res);
				return {
					'code': res.code, //接口状态
					'msg': res.msg, //提示文本
					'count': res.data.count, //数据长度
					'data': res.data.data//数据列表，是直接填充进表格中的数组
				}
			},
			defaultToolbar: [{
				title: '刷新',
				layEvent: 'refresh',
				icon: 'layui-icon-refresh',
			}, 'filter', 'print', 'exports']
		});

		table.on('toolbar(user-table)', function(obj) {
			if (obj.event === 'add') {
				window.add();
			} else if (obj.event === 'refresh') {
				window.refresh();
			} else if (obj.event === 'batchRemove') {
				window.batchRemove(obj);
			}
		});

		form.on('switch(isvalid)', function(data){
			var checked = data.elem.checked;
			$.ajax({
				url: window.BASEPATH+'professor/isvalue/'+data.value+"/"+checked,
				// data: {valid:checked,id:data.value},
				type: 'get',
				success: function(result) {
					if (result.code==0) {
						layer.msg(result.msg, {
							icon: 1,
							time: 1000
						}, function() {
							parent.layer.close(parent.layer.getFrameIndex(window
									.name)); //关闭当前页
							parent.layui.table.reload("role-table");
						});
					} else {
						layer.msg(result.msg, {
							icon: 2,
							time: 3000
						});
					}
				}
			})
			return false;

		});


		table.on('tool(user-table)', function(obj) {
			if (obj.event === 'remove') {
				window.remove(obj);
			} else if (obj.event === 'edit') {
				window.edit(obj);
			}
		});


		form.on('switch(user-enable)', function(obj) {
			layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
		});

		form.on('switch(valid)', function(obj) {
			layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
		});




		table.on('toolbar(user-table)', function(obj) {
			if (obj.event === 'add') {
				window.add();
			} else if (obj.event === 'refresh') {
				window.refresh();
			} else if (obj.event === 'batchRemove') {
				window.batchRemove(obj);
			}
		});

		form.on('submit(user-query)', function(data) {
			table.reload('user-table', {
				where: data.field
			})
			return false;
		});


		window.add = function() {
			layer.open({
				type: 2,
				title: '新增',
				shade: 0.1,
				area: [common.isModile()?'100%':'600px', common.isModile()?'100%':'500px'],
				content:'professor_add.html'
			});
		}

		window.edit = function(obj) {
			sessionStorage.setItem("id",obj.data.id);
			layer.open({
				type: 2,
				title: '修改',
				shade: 0.1,
				area: ['1000px', '700px'],
				content:'professor_update.html'
			});
		}

		window.remove = function(obj) {
			layer.confirm('确定要删除该用户', {
				icon: 3,
				title: '提示'
			}, function(index) {
				layer.close(index);
				let loading = layer.load();
				$.ajax({
					url:  window.BASEPATH + "professor/delete/" + obj.data['id'],
					success: function(result) {
						layer.close(loading);
						if (result.code==0) {
							layer.msg(result.msg, {
								icon: 1,
								time: 1000
							}, function() {
								obj.del();
							});
						} else {
							layer.msg(result.msg, {
								icon: 2,
								time: 1000
							});
						}
					}
				})
			});
		}

		window.batchRemove = function(obj) {
			var checkIds = common.checkField(obj,'id');
			if (checkIds === "") {
				layer.msg("未选中数据", {
					icon: 3,
					time: 1000
				});
				return false;
			}
			let a=""+checkIds;
			layer.confirm('确定要删除这些用户', {
				icon: 3,
				title: '提示'
			}, function(index) {
				layer.close(index);
				let loading = layer.load();
				$.ajax({
					url: window.BASEPATH+"professor/deleteByIds/"+a,
					success: function(result) {
						layer.close(loading);
						if (result.code==0) {
							layer.msg(result.msg, {
								icon: 1,
								time: 1000
							}, function() {
								table.reload('user-table');
							});
						} else {
							layer.msg(result.msg, {
								icon: 2,
								time: 1000
							});
						}
					}
				})
			});
		}

		window.refresh = function(param) {
			table.reload('user-table');
		}
	})
</script>
</body>
</html>
